<!DOCTYPE html>
<html>
  <head>
    <title>Demo</title>
    <link rel="stylesheet" href="../index.css" />
    <link rel="stylesheet" href="../index-1.css" />
    <link rel="stylesheet" href="../index-2.css" />
    <style>
      html, body {
        height: 100%;
        margin: 0;
        background: none;
      }
      .demo {
  margin: 16px;
}
.demo-nav {
  height: 30px;
  line-height: 30px;
  margin-bottom: 16px;
  background: #f8f8f8;
}
.demo-nav a {
  line-height: 30px;
  padding: 0 8px;
}
.app-list {
  margin-top: 16px;
}
    </style>
    <script>
      // sync parent style generated by style-loader into iframe
      if (parent.location.port) {
        [].forEach.call(parent.document.getElementsByTagName('head')[0].querySelectorAll('style'), function(node) {
          document.getElementsByTagName('head')[0].appendChild(node.cloneNode(true));
        });
      }
    </script>
  </head>
  <body>
    <div id="components-breadcrumb-demo-router"></div>
    <script>
      function require(module) {
        if (module === 'react-router') {
          return window.ReactRouter;
        }
        if (module === 'react-router-dom') {
          return window.ReactRouterDOM;
        }
        return window.parent[module];
      }
      var mountNode = document.getElementById('components-breadcrumb-demo-router');
      var React = require('react');
      var ReactDOM = require('react-dom');
    </script>
    <script src="https://unpkg.com/react-router@3/umd/ReactRouter.min.js"></script>
    <script>
      function bishengPluginReactPreviewer() {
  var React = require("react");

  var ReactDOM = require("react-dom");

  var _reactRouter = require("react-router");

  var _antd = require("antd");

  var Apps = function Apps() {
    return React.createElement(
      "ul",
      {
        className: "app-list"
      },
      React.createElement(
        "li",
        null,
        React.createElement(
          _reactRouter.Link,
          {
            to: "/apps/1"
          },
          "Application1"
        ),
        "：",
        React.createElement(
          _reactRouter.Link,
          {
            to: "/apps/1/detail"
          },
          "Detail"
        )
      ),
      React.createElement(
        "li",
        null,
        React.createElement(
          _reactRouter.Link,
          {
            to: "/apps/2"
          },
          "Application2"
        ),
        "：",
        React.createElement(
          _reactRouter.Link,
          {
            to: "/apps/2/detail"
          },
          "Detail"
        )
      )
    );
  };

  var Home = function Home(_ref) {
    var routes = _ref.routes,
        params = _ref.params,
        children = _ref.children;
    return React.createElement(
      "div",
      {
        className: "demo"
      },
      React.createElement(
        "div",
        {
          className: "demo-nav"
        },
        React.createElement(
          _reactRouter.Link,
          {
            to: "/"
          },
          "Home"
        ),
        React.createElement(
          _reactRouter.Link,
          {
            to: "/apps"
          },
          "Application List"
        )
      ),
      children || 'Home Page',
      React.createElement(_antd.Alert, {
        style: {
          margin: '16px 0'
        },
        message: "Click the navigation above to switch:"
      }),
      React.createElement(_antd.Breadcrumb, {
        routes: routes,
        params: params
      })
    );
  };

  return React.createElement(
    _reactRouter.Router,
    {
      history: _reactRouter.hashHistory
    },
    React.createElement(
      _reactRouter.Route,
      {
        name: "home",
        breadcrumbName: "Home",
        path: "/",
        component: Home
      },
      React.createElement(
        _reactRouter.Route,
        {
          name: "apps",
          breadcrumbName: "Application List",
          path: "apps",
          component: Apps
        },
        React.createElement(
          _reactRouter.Route,
          {
            name: "app",
            breadcrumbName: "Application:id",
            path: ":id"
          },
          React.createElement(_reactRouter.Route, {
            name: "detail",
            breadcrumbName: "Detail",
            path: "detail"
          })
        )
      )
    )
  );
}
    </script>
    <script>
      var ReactDOM = require('react-dom');
      ReactDOM.render(bishengPluginReactPreviewer(), mountNode);
    </script>
  </body>
</html>
